<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
    <title>bootstrap</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/> 
   <style type="text/css" media="screen">
   	    .navbar{
   	    	background: #0c82bc;
   	    }
   	    ul,li{
   	    	padding-left: 10px;
   	    	margin-top: 9px;
   	    	list-style: none;
   	    }

		.input-group{
			margin-top: 8px;
		}
		.glyphicon {
		    position: relative;
		    top: 1px;
		    display: inline-block;
		    font-family: 'Glyphicons Halflings';
		    font-style: normal;
		    font-weight: 400;
		    line-height: 1;
		    -webkit-font-smoothing: antialiased;
   </style>
</head>
<body>
				<nav class="navbar navbar-default" role="navigation">
				<div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#"></a>
					</div>
			
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse navbar-ex1-collapse">
						<ul class="nav navbar-nav">
							<li ><a href="#"><img src="img/hk.png" alt="" style="padding-top: 0;"></a></li>
							<li><a href="#"><strong style="font-size:20px;display:block;float:left;padding-top:12px;color:#fff">客房预订管理系统</strong>
                </a></li>
						</ul>
					
						<ul class="nav navbar-nav navbar-right">
							<li><a href="#"></a></li>
							<li class="dropdown">


								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<i class="glyphicon glyphicon-user" style="color:#eee"></i> 
								<b class="caret" style="color: #fff"></b></a>
								<ul class="dropdown-menu">
									<li><a href="#">修改密码</a></li>
									<li><a href="登录页面.html">安全退出</a></li>
									
								</ul>
							</li>
						</ul>
					</div><!-- /.navbar-collapse -->
				</div>
	</nav>
			
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-2">
								<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingOne">

							<h4 class="panel-title panel-primary">
							<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"style="color: #337ab7" >
							 <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
								 <a href="首页.html">
								首页
							 </a>
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 116px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
						
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingTwo">
							<h4 class="panel-title">
						<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"style="color: #337ab7">
							 <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span>
								客房预订管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
							<div class="panel-body">
				               <li><a href="客房预订.html"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>客房预订</a></li>
									<li><a href="预订查询.html"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span>预订查询</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingThree">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseTwo"
							style="color: #337ab7">
							 <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
								客房入住管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
							<div class="panel-body">
				               <li ><a href="旅客入住.html"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>旅客入住</a></li>
									<li><a href="客房入住查询.html"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span>客房入住查询</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingFour">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour" style="color: #337ab7">
							 <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
								客房价格设置
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
							<div class="panel-body">
				               <li ><a 
				               href="房价价格设置.html"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>客房价格设置</a></li>
									<li><a href="客房价格列表.html"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span>客房价格列表</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingFive">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive" style="color: #337ab7">
							 <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
								客房管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 84px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
							<div class="panel-body">
				               <li ><a href="添加客房.html"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>添加客房</a></li>
									<li><a href="客房查询.html"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span>客房查询</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingSix">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix" style="color: #337ab7">
							 <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
								客房类型管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
							<div class="panel-body">
				               <li ><a href="添加客房类型.html"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>添加客房类型</a></li>
									<li><a href="客房类型查询.html"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span>客房类型查询</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingSeven">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven" style="color: #337ab7">
							 <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
								旅游攻略管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
							<div class="panel-body">
				               <li ><a href="发布旅游攻略.html"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>发布旅游攻略</a></li>
									<li><a href="旅游攻略查询.html"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span>旅游攻略查询</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingEight">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseEight" style="color: #337ab7">
							 <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
								系统短信管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
							<div class="panel-body">
				               <li ><a href="短信记录查询.html"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>短信记录查询</a></li>
									<li><a href="短信参数设置.html"> <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>短信参数设置</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingNin">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNin" aria-expanded="false" aria-controls="collapseNin" style="color: #337ab7">
							 <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
								收付款管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 68px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseNin" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNin">
							<div class="panel-body">
				               <li ><a href="收款处理.html"> <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>收款处理</a></li>
									<li><a href="退款处理.html"> <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>退款处理</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingTen">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseTen" style="color: #337ab7">
							 <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
								数据统计分析
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
							<div class="panel-body">
				               <li ><a href=""> <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>预订数据统计</a></li>
									<li><a href=""> <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>入住数据统计</a></li>
									<li><a href=""> <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>收款数据统计</a></li>
							</div>
						</div>
					</div><div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingEle">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEle" aria-expanded="false" aria-controls="collapseEle" style="color: #337ab7">
							 <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
							    基本信息设计
							    <span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseEle" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEle">
							<div class="panel-body">
				               <li ><a href="基本信息设置.html"> <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>基本信息设置</a></li>
									<li><a href="修改登录密码.html"> <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>修改登录密码</a></li>
									
							</div>
						</div>
					</div><div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingTew">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTew" aria-expanded="false" aria-controls="collapseTew" style="color: #337ab7">
							 <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
								系统权限管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 54px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseTew" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTew">
							<div class="panel-body">
				               <li ><a href="添加系统权限.html"> <span class="glyphicon glyphicon-plus " aria-hidden="true"></span>添加系统权限</a></li>
									<li><a href="系统权限列表.html"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span>系统权限列表</a></li>
									
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingThi">
							<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThi" aria-expanded="false" aria-controls="collapseThi" style="color: #337ab7">
							 <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
								管理员用户管理
								<span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="padding-left: 35px"></span>
							</a>
							</h4>
						</div>
						<div id="collapseThi" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThi">
							<div class="panel-body">
				               <li ><a href="管理员用户列表.html"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span>管理员用户列表</a></li>
									<li><a href="添加管理员用户.html"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span>添加管理员用户</a></li>
									
							</div>
						</div>
					</div>
		            </div>

					</div>
	<div class="col-md-10">
		    <h3 class="page-header" style="margin-top: 0; color:#337ab7">
				<span class="glyphicon glyphicon-flag"></span>
				修改密码
			</h3>
		     <div class="input-group">
			  <span class="input-group-addon" id="basic-addon1" style="background:#fff">原始密码</span>
			  <input type="text" class="form-control" placeholder="请输入原始密码" aria-describedby="basic-addon1">
			</div>
			<div class="input-group">
			  <span class="input-group-addon" id="basic-addon1" style="background:#fff">重置密码</span>
			  <input type="text" class="form-control" placeholder="请输入新密码" aria-describedby="basic-addon1">
			</div>
			<div class="input-group">
			  <span class=" input-group-addon" id="basic-addon1" style="background:#fff">确认密码</span>
			  <input type="text" class="form-control" placeholder="请输入确认密码" aria-describedby="basic-addon1">
			</div>
			<div class="btn-group btn-group-md" style="margin-left: 1180px;margin-top: 8px;">
			 <button class="btn btn-block btn-primary"">保存</button>
           </div>
		</div>
	</div>	






					</div>
				</div>
	</div>

	<script src="js/jquery-v3.3.1.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>